<!DOCTYPE html>

<!--[if IE 8]>
<html lang="en" class="ie8 no-js"> <![endif]-->

<!--[if IE 9]>
<html lang="en" class="ie9 no-js"> <![endif]-->

<!--[if !IE]><!-->
<html lang="en" class="no-js">
	<!--<![endif]-->

	<!-- BEGIN HEAD -->
	<style type="text/css">
		html {
			overflow: hidden;
			height: 100vh;
		}
		/*菜单收缩*/
		
		.xxx {
			width: 40px;
			height: 30px;
			background-repeat: no-repeat;
			display: inline-block;
			margin-left: 201px;
			position: absolute;
			top: 8px;
		}
		
		.page-content .breadcrumb {
			margin-bottom: 0 !important;
		}
		.icon-bullhorn:before{
			padding-right: 5px;
		}
		.color-mode-icons.icon-color{
			display: none;
		}
	</style>

	<head>

		<meta charset="utf-8" />

		<title id="mainTitle">校园智慧考勤系统</title>

		<meta content="width=device-width, initial-scale=1.0" name="viewport" />

		<meta content="" name="description" />

		<meta content="" name="author" />

		<!-- BEGIN GLOBAL MANDATORY STYLES -->

		<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

		<link href="css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />

		<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />

		<link href="css/style-metro.css" rel="stylesheet" type="text/css" />

		<link href="css/style.css" rel="stylesheet" type="text/css" />

		<link href="css/style-responsive.css" rel="stylesheet" type="text/css" />

		<link href="css/default.css" rel="stylesheet" type="text/css" id="style_color" />

		<link href="css/uniform.default.css" rel="stylesheet" type="text/css" />

		<link rel="stylesheet" type="text/css" href="lib/bootstrapvalidator/dist/css/bootstrapValidator.css" />
		<!-- END GLOBAL MANDATORY STYLES -->

		<!--[if IE 6]>
    <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
		<style type="text/css">
			.schoolName {
				margin-left: 15px;
				color: #fff;
			}
			
			.brand {
				width: inherit !important;
			}
			.parentClear{
				overflow: hidden;
			}
			.parentClear:after{
				content: "";
				display: block;
				clear: both;
			}
			.rf{
				float: right;
			}
			.lf{
				float: left;				
			}
			.dropdown-menu.extended{
				width: 250px !important;
				max-height: 300px !important;
				/*height: 300px !important;*/
				overflow: auto;
			}
		</style>
	</head>

	<!-- END HEAD -->

	<!-- BEGIN BODY -->

	<body class="page-header-fixed page-footer-fixed">

		<!-- BEGIN HEADER -->

		<div class="header navbar navbar-inverse navbar-fixed-top">

			<!-- BEGIN TOP NAVIGATION BAR -->

			<div class="navbar-inner">

				<div class="container-fluid">

					<!-- BEGIN LOGO -->

					<a class="brand" href="index.html">

						<img src="" alt="logo" />
						<span class="schoolName ml-15"></span>
					</a>
					<div class="sidebar-toggler hidden-phone"></div>
					<!-- END LOGO -->

					<!-- BEGIN RESPONSIVE MENU TOGGLER -->

					<a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">

						<img src="image/menu-toggler.png" alt="" />

					</a>

					<!-- END RESPONSIVE MENU TOGGLER -->

					<!-- BEGIN TOP NAVIGATION MENU -->

					<ul class="nav pull-right">
						<li class="timeBox">
							<a href="javascript:void(0);">

							</a>
						</li>
						<li class="dropdown user">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">

								<!--<img alt="" src="image/avatar1_small.jpg" />-->
								<img alt="" src="image/avatar.png" />
								<span class="username">Bob Nilson</span>

								<i class="icon-angle-down"></i>
							</a>

							<ul class="dropdown-menu">

								<!--<li>
									<a href="extra_profile.html">
										<i class="icon-user"></i> 我的资料</a>
								</li>

								<li>
									<a href="page_calendar.html">
										<i class="icon-calendar"></i> 我的日历</a>
								</li>

								<li>
									<a href="inbox.html">
										<i class="icon-envelope"></i> 我的收件箱(3)</a>
								</li>-->

								<li>
									<a href="javascript:;" class="btn-change-pwd">
										<i class="icon-edit"></i> 修改密码</a>
								</li>

								<li class="divider"></li>

								<!--<li>
									<a href="extra_lock.html">
										<i class="icon-lock"></i> 锁定屏幕</a>
								</li>-->

								<li>
									<a href="javascript:;" class="exitBtn">
										<i class="icon-key"></i> 退出系统
									</a>
								</li>

							</ul>
						</li>

						<!--<li class="">
							<a href="javascript:;" class="exitBtn">退出</a>
						</li>-->

						<!-- BEGIN NOTIFICATION DROPDOWN -->

						<li class="dropdown" id="header_notification_bar">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								<i class="icon-warning-sign"></i>
								<span class="badge warninCount">0</span>
							</a>
							<ul class="dropdown-menu extended notification">
								<li>
									<p>
										有
										<b class="warninCount" style="color: red;">0</b>
										个预警信息
									</p>
								</li>
								
								
								<!--<li class="msg-li">
									<a href="javascript:;" class="parentClear">
										<span class="label label-info">
	                                        <i class="icon-bullhorn"></i>
	                         			</span> 
	                         			赵美美迟到
	                                   	<span class="time rf">2018-7-14  09:15:45</span>
									</a>
								</li>
								<li class="msg-li">
									<a href="javascript:;" class="parentClear">
										<span class="label label-info">
	                                        <i class="icon-bullhorn"></i>
	                               		</span> 
	                               		吴亦凡早退
										<span class="time rf">2018-7-14  09:15:45</span>
									</a>
								</li>
								<li class="msg-li">
									<a href="javascript:;" class="parentClear">
										<span class="label label-info">
	                                        <i class="icon-bullhorn"></i>
	                                   </span> 
	                                   	欧阳一刀旷工
										<span class="time rf">2018-7-14  09:15:45</span>
									</a>
								</li>-->
								
								<li class="external">
									<a href="javascript:;">已阅
										<i class="m-icon-swapright"></i>
									</a>
								</li>
							</ul>
						</li>
						<!-- END NOTIFICATION DROPDOWN -->

					</ul>

					<!-- END TOP NAVIGATION MENU -->

				</div>

			</div>

			<!-- END TOP NAVIGATION BAR -->

		</div>

		<div class="page-container">

			<!-- 侧边栏 -->
			<div class="page-sidebar nav-collapse collapse">

				<!-- BEGIN 菜单栏 -->
				<ul class="page-sidebar-menu">
				
				</ul>
				<!-- END 菜单栏 -->
			</div>

			<!-- 页面内容 -->
			<div class="page-content">
				<!-- BEGIN 功能配置模态框-->
				<div id="portlet-config" class="modal hide">

					<div class="modal-header">

						<button data-dismiss="modal" class="close" type="button"></button>

						<h3>字段类型设置</h3>

					</div>

					<div class="modal-body">

						小部件设置表单在这里

					</div>

				</div>

				<!-- END 功能配置模态框-->

				<!-- BEGIN 页面容器-->

				<div class="container-fluid" style="padding:0;">

					<!-- BEGIN 页眉-->

					<div class="row-fluid">

						<div class="span12">
							<ul class="breadcrumb">

								<li class="homeLi">

									<i class="icon-home"></i>

									<a data-href="diy-dashboard.html">首页</a>

									<i class="icon-angle-right"></i>

								</li>

								<li class="breadcrumbLi second">
									<a href="#">欢迎页</a>
									<i class="icon-angle-right hide"></i>
								</li>
								<li class="breadcrumbLi third">
									<a href="#" class="hide">工作台统计</a>
								</li>
								<!--日历sss-->
								<li class="pull-right no-text-shadow">
									<div class="color-panel">

										<div class="color-mode-icons icon-color"></div>

										<div class="color-mode-icons icon-color-close"></div>

										<div class="color-mode">

											<p>外观主题颜色</p>

											<ul class="inline">

												<li class="color-black current color-default" data-style="default"></li>

												<li class="color-blue" data-style="blue"></li>

												<li class="color-brown" data-style="brown"></li>

												<li class="color-purple" data-style="purple"></li>

												<li class="color-grey" data-style="grey"></li>

												<li class="color-white color-light" data-style="light"></li>

											</ul>

											<label>
			
			                            <span>布局</span>
			
			                            <select class="layout-option m-wrap small">
			
			                                <option value="fluid" selected>Fluid</option>
			
			                                <option value="boxed">Boxed</option>
			
			                            </select>
			
			                        </label>

											<label class="hide">
			
			                            <span>头部</span>
			
			                            <select class="header-option m-wrap small">
			
			                                <option value="fixed" selected>Fixed</option>
			
			                                <option value="default">Default</option>
			
			                            </select>
			
			                        </label>

											<label>
			
			                            <span>侧边拦</span>
			
			                            <select class="sidebar-option m-wrap small">
			
			                                <option value="fixed">Fixed</option>
			
			                                <option value="default" selected>Default</option>
			
			                            </select>
			
			                        </label>

											<label class="hide">
			
			                            <span>底部</span>
			
			                            <select class="footer-option m-wrap small">
			
			                                <option value="fixed" selected>Fixed</option>
			
			                                <option value="default">Default</option>
			
			                            </select>
			
			                        </label>

										</div>

									</div>

								</li>
								<!--日历eee-->
							</ul>

							<!-- END PAGE TITLE & BREADCRUMB-->

						</div>

					</div>

					<!-- END 页眉-->
					<!--主要模块sss-->
					<div>
						<iframe id="iframe" src="welcome.html" width="100%" height="" style="min-height: 770px;border: none;"></iframe>
					</div>
					<!--主要模块eee-->
				</div>

				<!-- END PAGE CONTAINER-->

			</div>
			<!-- 页面内容结束 -->

		</div>

		<!-- 页脚 -->
		<div class="footer">

			<div class="footer-inner color-white" style="color:#fff;float: none;display: inherit;text-align: center;">
				Copyright © 2013 - 2020
				<a href="#" title="独尊科技" target="_blank" style="color:#fff">深圳市独尊科技开发有限公司</a>
			</div>

			<!--<div class="footer-tools">

        <span class="go-top">

            <i class="icon-angle-up"></i>

        </span>

    </div>-->

		</div>

		<!--修改密码模态框sss-->
		<div class="modal hide" tabindex="-1" role="dialog" id="changePwdBox">
			<div class="modal-dialog" role="document">
				<form action="#" id="changePwdForm">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
							<h4 class="modal-title">修改密码</h4>
						</div>
						<div class="modal-body">
							<div class="form-group pwdBox">
								<label for="old_pwd">请输入旧密码</label>
								<input type="text" class="form-control" id="old_pwd" placeholder="请输入旧密码" name="old_pwd" onfocus="this.removeAttribute('readonly');this.type='password'" autocomplete="off">
							</div>
							<div class="form-group pwdBox">
								<label for="password">请输入新密码</label>
								<input type="text" class="form-control" id="password" placeholder="请输入新密码" name="password" onfocus="this.removeAttribute('readonly');this.type='password'" autocomplete="off">
							</div>
							<div class="form-group pwdBox">
								<label for="confirmPassword">再次输入新密码</label>
								<input type="text" class="form-control" id="confirmPassword" placeholder="再次输入新密码" name="confirmPassword" onfocus="this.removeAttribute('readonly');this.type='password'" autocomplete="off">
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
							<button type="button" class="btn btn-primary btn-save-pwd" style="background: #5cb85c;">确定</button>
						</div>
					</div>
					<!-- /.modal-content -->
				</form>

			</div>
			<!-- /.modal-dialog -->
		</div>
		<!-- /.modal -->

		<!--修改密码模态框eee-->

		<script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
		<!--应用迁移辅助插件。-->
		<script src="js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
		<script src="js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>
		<script src="js/bootstrap.min.js" type="text/javascript"></script>

		<!--让ie低版本支持媒体查询和canvas-->
		<!--[if lt IE 9]>
		<script src="js/excanvas.min.js"></script>
		<script src="js/respond.min.js"></script>
		<![endif]-->

		<!--slimscroll.js用于模拟传统的浏览器滚动条(竖向),-->
		<script src="js/jquery.slimscroll.min.js" type="text/javascript"></script>
		<!--遮罩插件，jQuery BlockUI插件可以在不锁定浏览器的同时，模拟同步模式下发起Ajax请求的行为。-->
		<script src="js/jquery.blockui.min.js" type="text/javascript"></script>

		<script src="js/jquery.cookie.min.js" type="text/javascript"></script>
		<!--表单美化插件，可修改系统默认的表单样式-->
		<script src="js/jquery.uniform.min.js" type="text/javascript"></script>
		<!--动态提示效果-->
		<script src="js/jquery.pulsate.min.js" type="text/javascript"></script>
		<!-- END 核心插件 -->
		<script src="lib/layer/2.4/layer.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common/jsrsasign-all-min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common/crypto-js.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common/jquery.myPlugIn_v1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common/localstorage-ie.js" type="text/javascript" charset="utf-8"></script>
		<script src="lib/bootstrapvalidator/dist/js/bootstrapValidator.js" type="text/javascript" charset="utf-8"></script>
		<script src="lib/underscore/underscore.js" type="text/javascript" charset="utf-8"></script>
		<!-- BEGIN 页面级别的脚本 -->
		<!--公共app脚本-->
		<script src="js/app.js" type="text/javascript"></script>
		<!--首页脚本-->
		<script src="js/index.js" type="text/javascript"></script>

		<!-- END 页面级别的脚本 -->

		<script>
			jQuery(document).ready(function() {
				
				App.init(); // initlayout and core plugins
				Index.init();
				
			});
		</script>
		<script type="text/javascript">
		</script>
	</body>

</html>